@import '@/assets/style/theme.scss';
.admin-operation-interface {
  width: 100%;
  height: 100%;

  .operation_box {
    //  width: 700px;
    border: 1px solid #f0f0f0;
    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
    background-color: #ffffff;
    margin: 0px auto;

    .operation_box-head {
      width: 100%;
      height: 55px;
      line-height: 55px;
      border-bottom: 1px solid #ebedf2;
      font-size: 16px;
      color: #716aca;
      padding: 0px 30px;
      letter-spacing: 3px;
      font-weight: 500;
    }

    .m-portlet__body {
      padding: 30px 80px;
      max-width: 850px;
      padding-bottom: 200px;

      .alert-primary {
        background-color: #717ee2;
        border-radius: 4px;
        margin-top: 10px;

        .alert-primary_text {
          color: #ffffff;
          height: 70px;
          display: flex;
          align-items: center;

          i {
            font-size: 24px;
            font-weight: 600;
            margin: 0px 25px;
          }

          span {
            font-size: 13px;
            margin-right: 8px;
            font-weight: 300;
          }

          .alert-conter {
            font-weight: 600;
          }

          .operator-text {
            margin-left: 8px;
          }
        }
      }

      //  .mistake-primary {
      //      background-color: #ffc241;
      //  }
      .count-down {
        font-size: 13px;
        color: #999999;
        margin-top: 10px;

        span {
          font-size: 13px;
          margin: 0px 10px;
        }
      }

      .alert-primary_buttom {
        margin-top: 10px;

        .buttom-a {
          display: inline-block;
          background-color: #36a3f7;
          color: #ffffff;
          border-radius: 3px;
          padding: 10px 16px;
          font-size: 13px;
          margin-right: 5px;
          cursor: pointer;

          &:hover {
            background-color: #36b3e0;
          }
        }
        .buttom-home {
          background-color: $gl-themeColor;
        }
      }
    }
  }
}
